<?php
/**
 * Created by JetBrains PhpStorm.
 * User: valera
 * Date: 8/14/11
 * Time: 5:32 PM
 * To change this template use File | Settings | File Templates.
 */
?>
<div id="searcher-wrapper">
    <div id="search-wrapper">
        <div>
            <form onsubmit="return false;" id="quick-form">
                <input type="text" id="quick-search" value="Quick search..."/>
                <input type="submit" id="quick-submit"/>
            </form>
        </div>
        <div id="filter-wrapper">
            <div class="filter-item"><input class="filter-select" id="category-select" value="Select category" data-type="top_id"/></div>
            <div class="filter-item"><input class="filter-select" id="sub-category-select" value="Select sub category" data-type="category_id"/></div>
            <div class="filter-item"><input class="filter-select" id="brand-select" value="Select brand" data-type="brand_id"/></div>
            <div class="filter-item lst">
                <form>
                    <div id="select-sort-radio">
                        <span class="sort-switcher inactive" data-type="price">price -> <div class="sort-value">up</div></span>
                        <span class="sort-switcher inactive" data-type="name">name -> <div class="sort-value">up</div></span>
                        <div class="clear"></div>
                    </div>
                </form>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div id="result-display">
        <div class="navigation">
            <div class="prev-button"> <<< Prev</div>
            <div class="info-place">
                <span class="current-page">-</span>page of<span class="total-page-count">-</span>
            </div>
            <div class="next-button">Next >>></div>
            <br class="clear"/>
        </div>
        <div id="product-item-sample" class="sample">
            <div class="display-item">
                <div class="item-image"></div>
                <div class="item-name">
                    <span class="item-id-port"></span><a href="foo-bar" class="item-name-port"></a>
                </div>
                <div class="item-price">
                    <div class="price-wrapper"><span class="item-price-title">price: </span><span
                            class="item-price-port"></span></div>
                </div>
                <br class="clear"/>
            </div>
        </div>
        <div id="items-wrapper"></div>
        <div class="navigation">
            <div class="prev-button"> <<< Prev</div>
            <div class="info-place">
                <span class="current-page">-</span>page of<span class="total-page-count">-</span>
            </div>
            <div class="next-button">Next >>></div>
            <br class="clear"/>
        </div>
    </div>
</div>
